﻿
@model AceMobile.Models.Accessories.Accessory

@{
    ViewBag.Title = "Chi tiết thiết bị";
    AceMobile.Models.MobileWebContext context = new AceMobile.Models.MobileWebContext();
    List<AceMobile.Models.Accessories.AccessoryProducer> listProducer = context.AccessoryProducers.ToList();
}


<link href="../../Content/Phoneindex.css" rel="stylesheet" />
<style>
    #content2{width:100%;margin-right:0px;background: none;float:inherit;border-radius:0px;box-shadow: 0px 0px 0px #000;padding:0px}      
</style>
<style>
    #leftcontent
    {
        font-size: 14px;
        padding: 10px;
        width: 730px;
    }
</style>
<script>
    function add2cart() {
        
        $.ajax({
            type: "POST",
            url: "@Url.Action("Add2Cart", "Cart")",
            data: { ID: @Model.ID.ToString(), Type: "accessory" }
        })
          .done(function (result) {
              $("#amount").text(result.Amount);
              $("#price").text(result.Price);
          });
    }
    function detail_click() {
        if ($('#plusdetail').text() == "+") {
            $('#detail').fadeIn();   
            $('#plusdetail').text("-");
        }else {
            $('#detail').fadeOut();   
            $('#plusdetail').text("+");
        }        
    }
    function concise_click() {
        if ($('#plusconcise').text() == "+") {
            $('#concise').fadeIn();   
            $('#plusconcise').text("-");
        }else {
            $('#concise').fadeOut();   
            $('#plusconcise').text("+");
        }        
    }
</script>

                                             
<div id="wrapper">
    <div style="clear:both"></div>
    <div id="content">
   	    <div id="leftcontent">
            <h2>Chi tiết thiết bị</h2>
            <fieldset>
                <legend style="font-size: 16px; font-weight: bold">Thiết bị</legend>
                <table>
                    <tr>
                        <td style="width: 400px">
                            <div style="color: #ff6a00; font-weight: bold">Tên: @Html.DisplayFor(model => model.Name)</div>                            
                            <div>Giá: @Model.Price.ToString("#,##0") vnđ</div>
                            <div><span id="plusconcise" onclick="concise_click()" style="cursor: pointer">+</span> Thông tin vắn tắt: <br />
                                <div id="concise" style="display: none; border: 1px solid black; margin-left: 20px; padding-left: 2px; width: 500px">
                                    @(new HtmlString(Model.ConciseFeature))
                                </div>
                            </div>
                            <div><span id="plusdetail" onclick="detail_click()" style="cursor: pointer">+</span> Thông tin chi tiết: <br />
                                <div id="detail" style="display: none; border: 1px solid black; margin-left: 20px; padding-left: 2px; width: 500px">
                                    @(new HtmlString(Model.DetailFeature))
                                </div>
                            </div>
                            <div>Ngày sản xuất: @Html.DisplayFor(model => model.ManufacturingDate)</div>
                            <div>Sản xuất tại: @Html.DisplayFor(model => model.MadeIn)</div>   
                            <div>Hãng sản xuất: @Html.DisplayFor(model => model.AccessoryProducer.Name)</div>   
                            
                            <br /> 
                        </td>
                        <td style="text-align: center">
                            <img src="@Url.Content(Model.ImageUrl.ToString())" /> 
                        </td>
                    </tr>
                </table>
                
            </fieldset>
            <p>
                <a href="#" onclick="add2cart()">Thêm vào giỏ hàng</a>  |    
                @Html.ActionLink("Trở lại danh sách", "Index")
            </p>
        </div>
        <div id="rightcontent">
            	<div class="right">
                	<div class="title">
                    	<p  style="float:left;font-size:13px;font-weight:bold">Thông tin giỏ hàng</p>
                        <div style="clear:both"></div>
                    </div>
                    <div class="list">
                    	<ul>
                        	<li class="num1"><a href="">Giỏ hàng đang có: <span id="amount">
                                                                            @if (@Session["Amount"]==null)
                                                                             {
                                                                                 @:0
                                                                             }
                                                                             else
                                                                             {
                                                                                 @Session["Amount"].ToString()
                                                                             }
                        	                                              </span> sản phẩm</a></li>
                            <li class="num2"><a href="">Số tiền tương ứng: <span id="price">
                                                                            @if (@Session["Price"]==null)
                                                                             {
                                                                                 @:0
                                                                             }
                                                                             else
                                                                             {
                                                                                 @String.Format("{0:#,#}", Convert.ToInt32(Session["Price"].ToString()))
                                                                             }
                                                                           </span></a></li>
                        	<li class="num3">@Html.ActionLink("Chi tiết giỏ hàng của bạn", "Index", "Cart", null, null)</li>
                        </ul>                        
                    </div>
                </div>
                
                <div class="right" style="margin-top:15px;">
                	<div class="title">
                    	<p  style="float:left;font-size:13px;font-weight:bold">Danh mục tìm kiếm</p>
                        <div style="clear:both"></div>
                    </div>
                    <div class="list">
                    	<ul>
                        	<li>@Html.ActionLink("Sản phẩm được quan tâm", "Index", new { arrangeType = 1})</li>
				          	<li>@Html.ActionLink("Sản phẩm mới", "Index", new { arrangeType = 2})</li>
							<li>@Html.ActionLink("Phụ kiện", "Index", "Accessory")</li>							
                            <li>@Html.ActionLink("Sản phẩm mua nhiều", "Index", new { arrangeType = 3})</li>
                        </ul>
                    </div>
                </div>
                <div class="right" style="margin-top:15px;">
                	<div class="title">
                    	<p  style="float:left;font-size:13px;font-weight:bold">Danh mục nhà sản xuất</p>
                        <div style="clear:both"></div>
                    </div>
                    <div class="list">
                    	<ul class="left" style="float:left;width:90px;margin-left:-5px;">
                        	@for (int i = 0; i <= listProducer.Count/2; i++)
                             {
                                <li>@Html.ActionLink(listProducer[i].Name, "Index", new { producer = listProducer[i].Name.ToString()})</li>
                             }                            
                        </ul>
                        <ul class="left" style="float:left;width:90px;margin-left:-25px;">
                        	@for (int i = listProducer.Count / 2 + 1; i < listProducer.Count; i++)
                             {
                                <li>@Html.ActionLink(listProducer[i].Name, "Index", new { producer = listProducer[i].Name.ToString()})</li>
                             }  
                        </ul>
                        <div style="clear:both"></div>
                    </div>
                </div>
                <div style="clear:both"></div>
            </div><!--end #rightcontent-->
        <div style="clear:both; height: 100px"></div>
    </div>         
</div> 